.panel-operation {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -125rem;
    z-index: 1999;
    backdrop-filter: blur(1rem);
    perspective: 20rem;
    transition: transform 0.8s;
}
.panel-operation .title-panel::before, .panel-operation .title-panel::after {
    margin-top: 0.5rem;
}

.box-operation {
    background-color: rgba(39, 66, 66, 0.6);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: black 0 0 0.5rem;
}

.title-box {
    width: auto;
    font-size: 1.1rem;
    font-weight: 600;
    border-bottom: aqua solid 0.1rem;
    color: white;
    padding: 0.3rem 0.5rem;
    /* padding-top: 0; */
    letter-spacing: 0.1rem;
}

.title-box::first-letter {
    color: rgb(255, 196, 0);
    font-size: 1.5rem;
    line-height: 0.5rem;
}
.panel-operation .title-box::after{
    margin-top: 0.5rem;
}
/* 工单切换按钮 */
.btn-show-all-tasks{
    position: absolute;
    top: 35rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 112, 112, 0.5);
    border: aqua solid 0.1rem;
    color: aqua;
    width: 8rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 1.5rem;
    font-size: 1.2rem;
    z-index: 9;;
    cursor: pointer;
    transition: background-color 0.2s,height 0.5s,width 0.5s,top 0.5s,line-height 0.5s;
    opacity: 0.5;
}
.btn-show-all-tasks:hover{
    background-color: rgba(0, 189, 189, 0.5);
    opacity: 1;
}

.btn-change-tasks{
    position: absolute;
    top: 4.5rem;
    right: 30rem;
    display: flex;
    z-index: 999;
}
.btn-change-tasks .btn{
    /* width: 5rem; */
    padding: 0.2rem 0.5rem;
    /* text-align: center; */
    color: rgb(255, 255, 255);
    letter-spacing: 0.1rem;
    box-shadow: black 0 0 0.3rem;
    transform: skew(-10deg);
    cursor: pointer;
    opacity: 0.5;
    transition:  background-color 0.2s;
    margin-right: 0.2rem;
}
.btn-change-tasks .btn::first-letter{
    color: gold;
}
.btn-change-tasks .btn:hover{
    opacity: 1;
    background-color: rgba(0, 255, 255, 0.2);
}
.btn-change-tasks .btn-choosen{
    color: rgb(255, 255, 255);
    box-shadow: black 0 0 0.3rem;
    opacity:1;
    background-color: rgba(0, 255, 255, 0.3);
    pointer-events: none;
}



.box-operation-task {
    /* margin: auto;
    margin-top: 1.5rem; */
    position: absolute;
    left: 50%;
    top: 3.5rem;
    transform: translateX(-50%);
    width: 60rem;
    height: 30rem;
    transition: all 0.5s;
}

.box-operation-task .container-work {
    height: 25rem;
    overflow-y: scroll;
    box-shadow: rgba(0, 255, 255, 0.5) 0rem -1rem 0.5rem inset;
}

.box-operation-task .formcell-row>div:nth-child(1) {
    flex: 1;
}

.box-operation-task .formcell-row>div:nth-child(2) {
    flex: 1;
}

.box-operation-task .formcell-row>div:nth-child(3) {
    flex: 2;
}

.box-operation-task .formcell-row>div:nth-child(4) {
    flex: 0.5;
}

.box-operation-task .formcell-row>div:nth-child(5) {
    flex: 0.5;
}

.box-operation-task .formcell-row>div:nth-child(6) {
    flex: 0.5;
}
.box-operation-side{
    transition: opacity 1s;
}
/* ============================== 运维统计面板 ================================*/

.box-operation-statistics {
    position: absolute;
    top: 5rem;
    left: 4rem;
    width: 20rem;
    height: 25rem;
    transform: rotateY(3deg) rotateX(-2deg);
    /* border: aqua double 0.3rem; */
}
.panel-operation .container-operation-count{
    margin: -2.5rem 0 0 -1rem;
}
.panel-operation .container-operation-count>div{
    margin: 1.8rem 0;
    transform: scaleX(0.85);
}
.panel-operation .right-line{
    margin: -1rem 0 0 -2.5rem;
} 
.box-operation-statistics .title-chart{
    margin: -2.5rem 0 0 -3rem;
    font-size: 1.1rem;
    width: 8.5rem;
}
.box-operation-statistics .chart-operation-count{
    width: 15rem;
    height: 22.5rem;
    position: absolute;
    left: 9.5rem;
    top: 6.5rem;
    transform: scaleX(0.75);

}
.box-car-statistics {
    position: absolute;
    top: 38rem;
    left: 3.5rem;
    width: 35rem;
    height: 18rem;
    transform: rotateY(-1deg) rotateX(5deg);
}

.box-tool-statistics {
    position: absolute;
    top: 38rem;
    left: 50%;
    width: 35rem;
    height: 18rem;
    transform: rotateY(0) rotateX(5deg) translateX(-50%);
}

.box-spare-statistics {
    position: absolute;
    top: 38rem;
    right: 3.5rem;
    width: 35rem;
    height: 18rem;
    transform: rotateY(1deg) rotateX(5deg);
}

.chart-operation-score {
    width: 15rem;
    height: 15rem;
}

.chart-operation-score-1 {
    position: absolute;
    left: 10rem;
}

.chart-operation-score-2 {
    position: absolute;
    left: 10rem;
    top: 15rem;
}

/* ============================== 人员面板 ================================*/
.box-person-statistics {
    position: absolute;
    top:5rem;
    right: 4rem;
    width: 20rem;
    height: 25rem;
    transform: rotateY(-3deg) rotateX(-2deg);
}

.box-person-statistics .container-person-count {
    top: 2.5rem;
}

.box-person-statistics .table-person {
    position: absolute;
    left: 1rem;
    top: 15rem;
    width: 20rem;
}

.box-person-statistics .form-panel-head-child {
    font-size: 0.7rem;
}

.box-person-statistics .table-person .formcell-row>div {
    flex: 1;
    padding: 0.5rem 0.3rem;
    /* color: rgb(255, 255, 255); */
}



.box-person-statistics .container-table-person {
    font-size: 0.7rem;
    height: 8rem;
    overflow-y: scroll;
    box-shadow: rgba(0, 255, 255, 0.5) 0rem -1rem 0.5rem inset;

}

/* ============================== 车辆面板 ================================*/
.img-car {
    width: 18rem;
    height: 15rem;
    background: url(../img/main/car.png) no-repeat;
    background-size: 100% 100%;
    /* background-blend-mode: multiply; */
    /* mix-blend-mode: color-dodge; */
    -webkit-box-reflect: below -8rem -webkit-linear-gradient(transparent 20%, transparent 55%, rgba(0, 0, 0, 0.6))
}

.box-car-statistics .table-car {
    position: absolute;
    left: 19rem;
    top: 4.5rem;
    width: 17rem;
}

.box-car-statistics .form-panel-head-child {
    font-size: 0.7rem;
}

.box-car-statistics .table-car .formcell-row>div {
    flex: 1;
    padding: 0.5rem 0.3rem;
    /* color: rgb(255, 255, 255); */
    font-size: 0.7rem;

}

.box-car-statistics .container-table-car {
    font-size: 0.7rem;
    height: 11rem;
    overflow-y: scroll;
    box-shadow: rgba(0, 255, 255, 0.5) 0rem -1rem 0.5rem inset;

}

.count-car {
    margin-top: -3.5rem;
    margin-left: 2rem;
}

/* ============================== 工器具面板 ================================*/
.box-tool-statistics .table-tool {
    position: absolute;
    left: 16rem;
    top: 3.5rem;
    width: 20rem;
}

.box-tool-statistics .form-panel-head-child {
    font-size: 0.7rem;
}

.box-tool-statistics .table-tool .formcell-row>div {
    flex: 1;
    padding: 0.5rem 0.3rem;
    /* color: rgb(255, 255, 255); */
    font-size: 0.7rem;

}

.box-tool-statistics .container-table-tool {
    font-size: 0.7rem;
    height: 12.5rem;
    overflow-y: scroll;
    box-shadow: rgba(0, 255, 255, 0.5) 0rem -1rem 0.5rem inset;

}

.count-tool {
    margin-top: 1.5rem;
}

/* ============================== 备品备件面板 ================================*/
.box-spare-statistics .table-spare {
    position: absolute;
    left: 1rem;
    top: 7.3rem;
    width: 22rem;
}

.box-spare-statistics .form-panel-head-child {
    font-size: 0.7rem;
}

.box-spare-statistics .table-spare .formcell-row>div {
    flex: 1;
    padding: 0.3rem 0.3rem;
    /* color: rgb(255, 255, 255); */
    font-size: 0.7rem;

}

.box-spare-statistics .container-table-spare {
    font-size: 0.7rem;
    height: 8.5rem;
    overflow-y: scroll;
    box-shadow: rgba(0, 255, 255, 0.5) 0rem -1rem 0.5rem inset;

}

.count-spare {
    margin-top: 0.5rem;
    margin-left: 0rem;
    width: 50rem;
    display: flex;
}

.count-spare>div {
    width: 9.5rem;
    margin-right: 1rem;
}

.count-spare>div .label {
    font-size: 0.7rem;
    padding-left: 0.5rem;
}

.count-spare>div .value {
    margin-left: 0.5rem;
}

.chart-type-spare{
    position: absolute;
    left: 26rem;
    top: 6.5rem;
    width: 8rem;
    height: 15rem;
}